<template>
    <div>
        <!-- <tops_one></tops_one> -->
        <div class="text">
            <left></left>
            
           
            
        </div>
        
        <!-- <boottom_two></boottom_two> -->
    </div>
</template>

<script>
    // import tops_one from "@/components/tops.vue"
    // import boottom_two from "@/components/bottom.vue"
    import left from './components/lest/lets.vue'

    export default {
        components:{
            left,

        }
    }
</script>

<style lang="scss" scoped>
div,p,ul,ol,li,dl,dt,dd,form,table,h1,h2,h3,h4,h5,h6,input,select,textarea,span,strong,em,b,i,u,a,img,*{padding:0;margin:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
body { font-family: '黑体'; font-size: 12px;  color: #000; background-color: #fff; }
ul,ol,li { list-style: none; }
h1,h2,h3,h4,h5,h6{ font-size: 14px;}
a img{ border: none;}
img,input,textarea,select,option,output,span,a,b,em,i,strong,u,s,button,label{ vertical-align:middle;}
table{border-collapse:collapse;}
a { background: transparent; text-decoration: none; color: #333; }
a:hover{  color: #f90; }
.clear{ clear:both; height: 0; width: 0; overflow: hidden;}
body,html{height: 100%;width: 100%;}
.text{
    display: flex;
    padding-top: 20px;
   .top{
    width: 100%;
   }
}
.member-order-page{
    display: flex;
}

</style>